import { YmCol, YmRow } from 'ym-design';
import './index.less';

function Gutter() {
  return (
    <YmRow
      align={{
        xs: 'middle',
        sm: 'middle',
        md: 'middle',
        lg: 'middle',
        xl: 'middle',
        xxl: 'middle',
      }}
      justify={{
        xs: 'center',
        sm: 'center',
        md: 'center',
        lg: 'center',
        xl: 'center',
        xxl: 'center',
      }}
      //gutter = 24, gutter={{xs: 8, sm: 16, md: 24}}
      gutter={[
        { xs: 8, sm: 16, md: 24, lg: 32, xl: 40, xxl: 48 },
        { xs: 8, sm: 16, md: 24, lg: 32, xl: 40, xxl: 48 },
      ]}
      wrap
      className="row_test"
    >
      <YmCol span={8}>col-8</YmCol>
      <YmCol span={8}>col-8</YmCol>
      <YmCol span={8}>col-8</YmCol>
    </YmRow>
  );
}

export default Gutter;
